<!--link rel="stylesheet" href="../static/css/jquery-ui-1.10.3.custom.css" type="text/css" media="screen, projection"/-->
<link rel="stylesheet" href="../static/bootstrap/css/bootstrap.css"
	type="text/css" media="screen" />

<!-- Optional theme -->
<link rel="stylesheet"
	href="../static/bootstrap/css/bootstrap-theme.min.css">
<script
	src="{{url_for('static', filename='../static/bootstrap/js/bootstrap.min.js')}}"
	type="text/javascript" charset="utf-8"></script>
<script
	src="{{url_for('static', filename='../static/js/jquery-1.9.1.js')}}"
	type="text/javascript" charset="utf-8"></script>



<div class="panel panel-default">
	<div class="panel-heading">Users Management</div>
	<div class="panel-body">
		<p></p>
	</div>

	<form id="users-form" action="/delete_users" method="post">
		<table id="users-table" class="table">
			<tr>
				<td><input type="checkbox"></td>
				<th>Username</th>
				<th>Email</th>
				<th>Phone</th>
				<th>Description</th>
				<th>Role</th>
				<th>Created</th>
			</tr>
			{% for user in users %}
			<tr>
				<td><input type="checkbox" name="select-user"
					value="{{ user.id }}"></td>
				<td>{{user.username}}</td>
				<td>{{user.email}}</td>
				<td>{{user.phone}}</td>
				<td>{{user.description}}</td> {% if user.role == 0 %}
				<td>Administrator</td> {% else %}
				<td>User</td> {% endif%}
				<th>{{user.created}}</th>
				<!--  td>
        	<a href="/delete_user" class="btn btn-default">
        		<i class="glyphicon glyphicon-remove"></i> Delete
        	</a>
        </td-->
			</tr>
			{% endfor %}
		</table>
		<button type="submit" class="btn btn-default submit">
			<i class="glyphicon glyphicon-remove"></i> Delete
		</button>
	</form>
	<div>